<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- 2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
		       2.2 分别实现 id,类，标签三种方式查找以上元素 -->
	</head>
	<body>
		<div id="div1" class="dv">
			<img src="./img/dog.jpg" id="dog" style="width: 300px; height: 300px;" >
		</div>
		<div id="div2" class="dv">
			<p>段落1</p>
			<p>段落2</p>
			<p>段落3</p>
			<p>段落4</p>
			<p>段落5</p>
		</div>
		<div id="div3" class="dv">
			<ul>
				<li >列表一</li>
				<li >列表二</li>
				<li >列表三</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript">
		var obj1= document.getElementById('div1');
		console.log(obj1);
		
		var obj3= document.getElementById('div3');
		
		
		var obj4=document.getElementsByClassName('dv');
		console.log(obj4);
		
		var obj2= document.getElementById('div2');
		var obj5=document.getElementsByTagName('p')
		console.log(obj5);
		
		var obj6=document.getElementById('dog')
		console.log(obj6);
		
		var obj3= document.getElementById('div3');
		var obj7=document.getElementsByTagName('li')
		console.log(obj7);
		
	</script>
	
</html>
